#navbar {
  width: 100%;

  .nav-container {
    background-color: #2c323b;
    line-height: 55px;
    z-index: 20;
    .nav-wrapper {
      width: 1000px;
      margin: 0 auto;
      display: flex;
    }
    .home-nav {
      display: flex;
      .active-nav {
        background-color: #0c8ed9;
      }
      div {
        padding: 0 30px;
        font-size: 16px;
        color: #fff;
        cursor: pointer;
        &:hover {
          background-color: #0c8ed9;
        }
      }
    }
    .second-menu {
      position: absolute;
      margin-top: 55px;
      margin-left: 326px;
      z-index: 30;
      div {
        padding: 0 30px;
        line-height: 30px;
        color: #bbb;
        background-color: #252a32;
        &:hover {
          color: #fff;
          background-color: #777;
          cursor: pointer;
        }
      }
    }
    .sub-nav {
      display: flex;
      position: relative;
      left: 100px;
      div {
        padding: 0 15px;
        font-size: 13px;
        color: #bbb;
        cursor: pointer;
        &:hover {
          color: #0c8ed9;
        }
      }
    }
  }

  .custom-slider {
    z-index: 10;
    height: 450px;
    cursor: pointer;
    .rs-carousel-toolbar {
      bottom: 75px;
    }
  }

  .download-blur {
    width: 100%;
    height: 60px;
    position: relative;
    bottom: 60px;
    // background-color :rgba(255, 255, 255, 0.8);
    opacity: 0.8;
    backdrop-filter: blur(10px) brightness(1.6) contrast(0.3);
    overflow: hidden;
    z-index: 15;
    display: flex;
    justify-content: center;
    line-height: 60px;
    .download-item {
      padding: 0 65px;
      color: #fff;
      font-size: 15px;
      cursor: pointer;
    }
    .line {
      height: 18px;
      margin-top: 22px;
      border-right: 1px solid #dee2e7;
    }
  }





}